<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>007-3种样式书写位置的优先</title>
    <link rel="stylesheet" href="./assets/007-index.css">
    <style>
        h1 {
            color: blue;
        }
    </style>
    
</head>
<body>
     
    <h1 style="color: red;">我是h1标题</h1>
    <p>1.行内样式的优先级>内联样式和外链样式</p>
    <p>
        2.内联样式的优先级和外链样式，看选择器优先级，选择器优先级就近原则
    </p>
    <p>
        3.对网站首页首次打开速度很高的网页，把首屏的css样式写在内联样式中。
        问题是：没有缓存

    </p>
    <p>4. 实际开发中，外链样式是首选</p>
</body>
</html>